/*
    Document   : togglebutton
    Created on : 21.08.205, 21:39:53
    Author     : jonas
    Description:
        style for the jquery.togglebutton plugin
*/

.togglebutton {
    border: none;
    background: transparent;
    width: 3em;
    height: 1.5em;
    -moz-border-radius: 0.75em !important;
    -webkit-border-radius: 0.75em !important;
    border-radius: 0.75em !important;
    display:inline-block;
    vertical-align:text-bottom;
    opacity:0.5;
}
.togglebutton:hover {opacity:1;}
li.compact .togglebutton {width:1em; height:1em; vertical-align:middle; cursor: pointer; }
.togglebutton .slider
{
    border: none;
    background-color: #999;
    width: 1.5em;
    height: 1.5em;
    -moz-border-radius: 0.75em !important;
    -webkit-border-radius: 0.75em !important;
    border-radius: 0.75em !important;
    -moz-box-shadow:inset 0 0 0.75em #000;
    -webkit-box-shadow:inset 0 0 0.75em #000;
    box-shadow:inset 0 0 0.75em #000;
    cursor: pointer;
}
